<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link href="./common.css" rel="stylesheet" type="text/css">
    <link href="./admin.css" rel="stylesheet" type="text/css">

    <style type="text/css">
        .main {
            width: 1024px;
            height: 1200px;
            margin: 0 auto;
          // border: 1px solid green;

        }

        .main div span {
            display: block;
            float: left;
            margin-left: 15px;
            margin-right:7px;
        }
        /*头部的导航条*/
        header {
            width: 1024px;
            height: 40px;
           // border: 1px solid red;
           border-bottom: 3px solid #e9ecf3;
        }
        article {
            margin: 0 auto;
            width: 770px;
            height: 1120px;
          //  border: 2px solid blue;

        }

        .shop_info {
            width: 770px;
            height: 234px;
            position: relative;
                   border-bottom: 3px solid #e9ecf3;
        }

        .shop_pages {
            width: 770px;
            height: 370px;
         //   border: 1px solid blue;
                border-bottom: 3px solid #e9ecf3;
        }

        .shop_pages_con {
            width: 270px;
            height: 70px;
          //  border: 2px solid green;
        }

        .shop_license {
            width: 270px;
            height: 70px;
           // border: 1px solid grey;
        }

        .shop_IDphoto {
            width: 440px;
            height: 90px;
          //  border: 3px solid blue;
        }

        .tel_num {
            width: 364px;
            height: 34px;
          //  border: 1px solid red;
        }

        .shop_pages_con, .shop_license, .shop_IDphoto, .tel_num {
            margin-top: 24px;
        }

        .shop_img {
            width: 770px;
            height: 310px;
         //   border: 1px solid green;
                border-bottom: 3px solid #e9ecf3;
        }

        .shop_img_top, .shop_img_bottom {
            width: 503px;
            height: 120px;
          //  border: 1px solid blue;
            margin-bottom: 20px;
        }

        .shop_img_top {
            margin-top: 25px;
        }

        .shop_img_top_title {
            width: 120px;
            height: 120px;
            line-height: 120px;
            float: left;
          //  border: 1px solid blue;
        }

        .shop_img_top_img {
            width: 180px;
            height: 120px;
            background: #e9ecf3;
            margin-left: 10px;
            float: left;
        }

        .shop_img_top_img:nth-child(1) {
            margin-left: 10px;
        }

        .shop_submit {
            height: 220px;
            width: 770px;
           // border: 1px solid red;
        }

        .shop_submit_content {
            width: 260px;
            height: 130px;
          //  border: 1px solid red;
            margin: 0 auto;
            margin-bottom: 89px;
        }

        .shop_submit_content_top {
            width: 260px;
            height: 80px;
            line-height: 80px;
         //   border: 1px solid blue;
        }

        .shop_submit_content_bottom {
            width: 260px;
            height: 50px;
          //  border: 1px solid red;

        }

        .shop_submit_content_bottom button {
            width: 260px;
            height: 50px;
            font-size: 14px;
            border-radius: 12px;
        }

        .shop_name {
        //    border: 1px solid red;
            width: 770px;
            height: 30px;

        }

        .shop_info_content {
            width: 637px;
         //   border: 1px solid blue;
            height: 180px;


        }

        .shop_name label, .shop_name_sort label, .shop_type label, .shop_address label {
            display: block;
            float: right;
        //    border: 1px solid blue;
            height: 30px;
            line-height: 30px;
        }

        .shop_name input, .shop_name_sort input, .shop_type select, .shop_address input {
            display: block;
            float: left;
            height: 30px;
            width: 222px;
        }

        .shop_name_left{
            width: 120px;
            float: left;
       //     border: 1px solid blue;
            margin-right: 10px;
        }

        .shop_name_right{

        }

        .shop_page_title {
            width: 120px;
            height: 70px;
       //     border: 1px solid red;
            float: left;
            line-height: 70px;
            margin-right: 10px;
        }
        #special span{
        	margin-left:0px;
        }
        .shop_page_title_tel{
            width: 120px;
            height: 32px;
       //     border: 1px solid red;
            float: left;
            line-height: 32px;
            margin-right: 10px;
        }
        .person{
           height:88px;
           line-height:88px;
        }
        .tel_num_right input{
            position: relative;
            width: 150px;
            height: 30px;
            float: left;
        }

        .shop_page_img {
            position: relative;
            width: 122px;
            height: 70px;
            background: #e9ecf3;
            float: left;
        }
        .shop_pag_img:first-child{
            margin-left: 10px;
            border: 5px solid red;
        }

        .up_img {
            width: 100px;
            height: 35px;
            font-size: 12px;
        //    border: 1px solid blue;
        }

        .up_img button {
            margin: 0 auto;
        }

        .head {
            width: 1024px;
            height: 40px;
            background: #fff;
            line-height: 40px;
         //   border: 1px solid blue;
        }

        .head_left {
            margin-left: 60px;
            float: left;
        }

        .head_right {
            float: right;
        }

        .head_right li {
            height: 40px;
            line-height: 40px;
            float: left;
            margin-right: 10px;
            list-style: none;
        }

        .head_right li img {
            display: block;
            margin: 10px 0 0 10px;
        }

        .brand {
            color: #5CC7CB;
            font-weight: bold;
        }
        .big{
            width: 150px;
            height: 90px;
        }
        .big button{
            width:78px;
            height:30px;
        }
        #big_right{
            margin-left: 8px;
        }
        .check{
            height:auto;
        }
    </style>
</head>
<body>
<div class="main">
    <header>
        <div class="head">
            <div class="head_left">
                <span class="brand">贝客</span>后台管理
            </div>
            <div class="head_right">
                <ul>
                    <li><img src="../images/left_nav/login_head.png"></li>
                    <li>登陆</li>
                </ul>

            </div>
        </div>
    </header>
    <article>
        <div class="shop_info">
            <div class="shop_info_content apeak">
                <div class="shop_name in_line_c">
                    <div class="shop_name_left">
                           <div class="shop_name_left_name">
                           	 <span><img src="../images/left_nav/star.png" ></span> <label>店铺名称：</label>
                           </div>
                        
                    </div>
                     <div class="shop_name_right">
                         <input type="text" name="">
                     </div>

                </div>
                <div class="shop_name_sort in_line_c">
                    <div class="shop_name_left">
                <label>店铺简称：</label>
                    </div>
                    <div class="shop_name_right">
                        <input type="text" name="">
                    </div>
                </div>

                <div class="shop_type in_line_c">
                    <div class="shop_name_left">
                   <span><img src="../images/left_nav/star.png" ></span> <label>所属行业：</label>
                    </div>
                    <div class="shop_name_right">
                    <select></select>
                    </div>
                </div>

                <div class="shop_address in_line_c">
                    <div class="shop_name_left">
                   <span><img src="../images/left_nav/star.png" ></span> <label>店铺地址：</label>
                    </div>
                    <div class="shop_name_right">
                        <input type="text" name="">
                    </div>
                </div>
            </div>
        </div>
        <div class="shop_pages">
            <div class="shop_pages_con">
                <div class="shop_page_title ">
                   <span><img src="../images/left_nav/star.png" ></span><lable>营业执照：
                </div>
                <div class="shop_page_img">
                    <div class="up_img veti">
                        <button>上传图片</button>
                        <p>大小不能超过2M</p>
                    </div>
                </div>
            </div>
            <div class="shop_license">
                <div id="special" class="shop_page_title  ">
                   <span ><img src="../images/left_nav/star.png" ></span>经营许可证：
                </div>
                <div class="shop_page_img">
                    <div class="up_img  veti">
                        <button>上传图片</button>
                        <p>大小不能超过2M</p>
                    </div>
                </div>
                </div>
                <div class="shop_IDphoto">
                     <span></span>
                    <div class="shop_page_title person ">
                     <span >法人身份证：</span>
                    </div>
                    <div class="shop_page_img  big" >
                        <div class="up_img  veti">
                            <button>上传图片</button>
                            <p>法人身份证照片</p>
                        </div>
                    </div>
                    <div class="shop_page_img big" id="big_right">
                        <div class="up_img  veti">
                            <button>上传图片</button>
                          <p>法人身份证照片</p>
                        </div>
                    </div>
                </div>
                <div class="tel_num">
                    <div class="shop_page_title_tel">
                       <span><img src="../images/left_nav/star.png" style="display:"></span>电话号码：
                    </div>
                    <div class="tel_num_right">
                        <input type="text">
                    </div>
                </div>
            </div>


            <div class="shop_img">
                <div class="shop_img_top">
                    <div class="shop_img_top_title">
                       <span><img src="../images/left_nav/star.png" ></span>店铺照片：
                    </div>
                    <div class="shop_img_top_img">

                    </div>
                    <div class="shop_img_top_img">

                    </div>
                </div>
                <div class="shop_img_bottom">
                    <div class="shop_img_top_title">
                       <span><img src="../images/left_nav/star.png" ></span>店铺照片：
                    </div>
                    <div class="shop_img_top_img">

                    </div>
                    <div class="shop_img_top_img">

                    </div>
                </div>
            </div>
            <div class="shop_submit">
                <div class="shop_submit_content">
                    <div class="shop_submit_content_top">
                        <input type="checkbox" class="check">
                         我已阅读并同意<font class="blue_font">贝壳平台服务协议</font>
                    </div>
                    <div class="shop_submit_content_bottom">
                        <button>提交申请入驻</button>
                    </div>
                </div>
            </div>
    </article>
    <footer></footer>
</div>
</body>
</html>